<style>
    .bx {
        width: 1222px;
        margin: 0 auto;
    }

    .aheader_top {
        background: #3e3e3e;
    }

    .header_top {
        height: 30px;
        background: #3e3e3e;

    }

    .header_top p {
        float: left;
        margin-right: 30px;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
    }

    .header_top p a {
        color: #fff;
        line-height: 30px
    }

    .header_top ul {
        float: left;
        margin-left: 400px;
        font-size: 16px;
        line-height: 30px;
    }

    .header_top ul li {
        float: left;
        margin-left: 30px;
        font-size: 16px;
    }

    .header_top ul li a {
        color: #fff;
    }

    .aheader_b {
        background: #f1f3f0;
    }

    .header_b {
        height: 90px;
        background: #f1f3f0;
        padding-top: 30px;
    }

    .header_b_left {
        width: 154px;
        height: 47px;
        float: left;
    }

    .header_inp {
        height: 60px;
        width: 510px;
        float: left;
        margin-left: 104px;
        margin-right: 60px;

    }

    .header_inp h2 {
        height: 36px;

    }

    .header_inp h2 p:nth-child(1) {
        height: 36px;
        width: 440px;
        background: #fff;
        float: left;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .header_inp h2 p:nth-child(2) {
        height: 36px;
        width: 70px;
        background: #f3210a;
        float: left;
        border-radius: 10px;
    }

    .header_inp h2 a {
        display: block;
        height: 36px;
        width: 70px;
        text-align: center;
        line-height: 36px;
    }

    .header_inp h2 i {
        color: #fff;
        font-size: 25px;
    }

    .header_inp h3 {
        float: left;
    }

    .header_inp ul {
        float: left;
    }

    .header_inp li {
        float: left;

        margin-left: 15px;
    }

    .header_inp li a {
        color: #b5aeae;
    }

    .header_b_right {
        height: 48px;
        width: 250px;
        float: left;
    }

    .header_b_right a {
        display: block;
        width: 86px;
        background: red;
        height: 48px;
        float: left;
        margin-right: 30px;
    }
</style>
<div class="aheader_top">
    <div class="header_top bx">
        <p><a href="">欢迎来到多商网</a></p>
        <p><a href="">请登入</a></p>
        <p>|</p>
        <p><a href="">免费注册</a></p>
        <ul>
            <li><a href="">我的多商</a></li>
            <li><a href="">进货单</a></li>
            <li><a href="">我的收藏</a></li>
            <li><a href="">客户服务</a></li>
            <li><a href="">手机多商</a></li>
        </ul>
    </div>
</div>
<div class="aheader_b">
    <div class="header_b bx">
        <div class="header_b_left">
            <a href=""><img src="./images/未标题-1.png" alt=""></a>
        </div>
        <div class="header_inp">
            <h2>
                <p></p>
                <p><a href=""><i class="iconfont icon-fangdajing"></i></a></p>
            </h2>
            <h3>热门搜索:</h3>
            <ul>
                <li><a href="">食品</a></li>
                <li><a href="">凯斯奇</a></li>
                <li><a href="">沐浴露</a></li>
                <li><a href="">包包</a></li>
                <li><a href="">面膜</a></li>
                <li><a href="">尤莱儿</a></li>
            </ul>


        </div>
        <div class="header_b_right">
            <a href=""><img src="./images/images/www.ecduo_03.png" alt=""></a>
            <a href=""><img src="./images/images/www.ecduo_05.png" alt=""></a>
        </div>
    </div>
</div>